<template>
  <section>
    <div>
      {{ $attrs.sdf }}  在$attrs里面只会有props没有注册的属性
      <br>
      <!-- {{ $attrs.gender }} -->
    </div>
  </section>
</template>

<script>
  export default {
    props: {
      gender: {
        type: String,
        default: ''
      },
    //   sdf: { // 如果加了sdf,那么this.$attrs是个空对象{}
    //     type: String,
    //     default: ''
    //   }
    },
    mounted() {
      console.log(this.$attrs); // {sdf: "asd"}
      console.log(this.$listeners); // {isClick: ƒ, asd: ƒ}
      this.$listeners.isClick(); // 666
      this.$listeners.asd(); // 999
    }
  };
</script>